﻿@charset "utf-8";

body,select,textarea,input,a{color:#666}
input[type=text]{border:none;}
input{background:none}
textarea{width:100%;height:100%;border:none;background:none;}
time, address{color:#999;}
.color-333{color:#333 !important}
.color-666{color:#666 !important}
.color-999{color:#999 !important}
.color-1{color:#3f8cff !important}
em.color-1{padding:0 6px;}
.font18{font-size:18px !important; }
address{font-size:14px;}

/*** Header ***/
.header{height:50px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,0.8)), color-stop(50%,rgba(29,29,29,0.8)),color-stop(51%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,1,3,0.8)));}
.header-highlight{position:relative;height:50px;background:url(../images/header-highlight.png) no-repeat center bottom;}
.header-left, .header-right{position:absolute;padding-top:8px;width:50px;height:42px;text-align:center;}
.header-left{left:0px;top:0px;}
.header-right{right:0px;top:0px;}
.header-middle{margin:0 50px;height:100%;}
.header-middle>h1{text-align:center;color:#666666;font-size:18px;line-height:50px;}
.header-middle>h1>em{color:#ffffff;}

/* red-circle */
.red-circle{display:inline-block;width:18px;height:18px;line-height:18px;background:url(../images/red-circle.png) no-repeat;color:#fff;text-align:center;font-size:12px;}

/* btn tab */
 .btn-tab-message,.btn-tab-profile, .btn-tab-setting, .btn-tab-near, .btn-tab-friends, .btn-tab-around, .btn-tab-commend, .btn-tab-myself{display:inline-block;width:62px;height:30px; font-size:18px;color:#7bdeff;text-shadow:0px 0px 16px #06f; text-align:center;}
.btn-tab-message.disable,.btn-tab-profile.disable,.btn-tab-setting.disable,.btn-tab-near.disable,.btn-tab-friends.disable,.btn-tab-around.disable,.btn-tab-commend.disable,.btn-tab-myself.disable{color:rgba(255,255,255,0.6); text-shadow:none}
.btn-tab-profile{width:99px;}
.btn-tab-myself{width:42px;}

/* title */
.title-sayaword, .title-friendsprofile, .title-invite, .title-invitemsn, .title-invitephone, .title-invitemicroblog, .title-invitenear, .title-boboprofile, .title-joinnumber, 
.title-eventedit, .title-eventpublish, .title-eventpopularize, .title-eventinformation, .title-chatroom, .title-groupcreate, .title-groupedit, .title-post, .title-group, .title-chat, .title-showway{margin:0 auto;width:148px;height:50px;line-height:50px;text-align:center;color:#fff;letter-spacing:0.1em;text-indent:0.1em;display:block;font-size:18px;color:#7bdeff;text-shadow:0px 0px 16px #06f; text-align:center;}

/* s-title */
.s-title{height:40px;line-height:40px;}
.s-title span{color:#fff;font-size:18px; display:inline-block;}
.s-title *{margin-right:10px;}
.s-title *:last-child{margin-right:0;}
.s-title span{vertical-align:top;}

/* infos */
.infos dl{overflow:hidden;height:40px;line-height:40px;}
.infos dt{float:left;padding-left:10px;}
.infos dd{float:right;padding-right:10px;}
.infos select{text-align:right;background:url(../images/select-arrow1.png) no-repeat 100% 60%;padding-right:18px;}
.infos input[type=text]{width:180px;text-align:right;}

/* radio-list */
.radio-list dl{overflow:hidden;height:40px;line-height:40px;}
.radio-list dt{float:left;padding-left:10px;}
.radio-list dd{float:right;padding:6px 10px 0 0;}

/* msg-blk */
.msg-blk{padding:4px 10px 8px;}
.mb-title{overflow:hidden;}
.mb-title>h3{float:left;font-size:18px; }
.mb-title>time{float:right;margin-top:4px;}

/* activity-list */
.activity-list li{padding:8px 10px;}
.activity-list h3{ color:#333;}
.activity-list time{float:right;margin-top:2px;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.activity-list .al-title{overflow:hidden;}
.activity-list .al-title h3{float:left;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* group-list */
.group-list li{padding:8px 10px;}
.group-list h3{ color:#333;}
.group-list time{float:right;margin-top:2px;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.group-list .gl-title{overflow:hidden;}
.group-list .gl-title h3{float:left;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.group-list em{padding:0 4px;}

/* group-detail */
.group-detail h3{ color:#333;}
.group-detail .gd-title{overflow:hidden;}
.group-detail .gd-title>h3{float:left;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.group-detail .gd-title>input[type=button]{float:right;}

/* .group-blk-create */
.group-blk-create{padding: 10px 0;}
.group-blk-create hr{height:1px;background:#ccc;border:0 none;overflow:hidden;}

/* post-list */
.post-list li{padding:8px 10px;overflow:hidden;}
.post-list h3{ color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* number-list */
.number-list li{padding:10px 10px 6px;overflow:hidden;}
.number-list li>em, .number-list li>span{vertical-align:-5px;}
.number-list li>span{padding:0 20px 0 10px;}

/* activity-info */
.activity-info li{padding:8px 10px;}
.activity-info h3{ color:#333;}

/* msg-avatat-info */
.msg-avatat-info>li{position:relative;line-height:1.4;}
.msg-avatat-info>li>input[type=button]{position:absolute;top:14px;right:10px;}
.msg-avatat-info dl{overflow:hidden;padding-bottom:4px;}
.msg-avatat-info dd:first-child{position:relative;float:left;padding:10px 0 0 10px;margin-left:0;}
.msg-avatat-info dd>em{position:absolute;top:2px;right:-9px;}
.msg-avatat-info dt{margin-left:60px;font-size:18px; color:#333;padding-top:7px;}
.msg-avatat-info dt>input[type=text]{color:#333;font-size:18px; }
.msg-avatat-info dd{margin-left:60px;}
.msg-avatat-info.blackbg dt{color:#fff;}
.msg-avatat-info.blackbg dt>input[type=text]{color:#fff;}
.msg-avatat-info.blackbg dd{color:#c0c0c1;}

/* post-time */
.post-time{padding:8px 8px 6px 10px;border-bottom:1px solid #ccc;}

/* display or not: by 673 on March 14,2011 */
.blk-hide{display:none;}
.blk-show{display:block;}
.BA-load{position:absolute; width:100%;}
.BA-load-main{z-index:9999; background:rgba(255,255,255,0.7); text-align:center; width:80%; top:120px; position:relative; margin:0 auto; border-radius:7px; border:2px solid rgba(117,134,160,0.9)}

/********@scope-BA: [Bonet App(BA)] begin:lastModified by Yawei Xie on Mar 24,2011********/
/* online or offline status */
.BA-status{left:-20px;font-size: 18px;color: #333;position: absolute;top:5px;right: -5px;}
.BA-status-online,.BA-status-offline{display: inline-block;width:10px;height:10px;border-radius: 40px;}
.BA-status-online{background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 6, from(#50f1ff), to(#01a4f9));border:1px solid #0593c9}
.BA-status-offline{background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 6, from(#f9f9f9), to(#ccc));border:1px solid #acacad}
/********@scope-BA: end********/
/* according */
.BU-according>div>h4 {height:37px; padding-left:10px; line-height:37px; font-size:18px;}
.BU-according>div>h4 span{ width:53px; height:36px;border-left: 2px solid #ddd; display:block;float:right; background:url(../images/arrow-bottom.png) no-repeat center}
.BU-according>div>h4 .open{background:url(../images/arrow-top.png) no-repeat center}
.BU-according .details{display:none;}
/* blk-textarea */
.blk-textarea{position:relative;padding:10px 7px 10px 5px;}
.captureImg{width:26px;height:24px;background:url(../images/camera.png) no-repeat;text-indent:-9999px;}
.blk-textarea .captureImg{vertical-align: top;}
.blk-textarea>em{position:absolute;top:-5px;right:20%;width:9px;height:5px;background:url(../images/arrow-blk-textarea.png) no-repeat;}
.record{width:26px;height:24px;background:url(../images/mic.png) no-repeat;text-indent:-9999px;}
/*输入框点击背景白色*/
.BU-inputtext>input[type=text]:focus{background:#fff;}
.BU-search input[type=text]:focus{ background:#fff;}
.BU-textarea:focus{background:#fff;}
.BU-textarea > textarea:focus{background:#fff;}

/* all kinds of loading styles*/
/* friend-list-all.htm */
.BOMF-loading-friend-list-all{width:100%;height:45px;line-height:45px;padding:0px;text-align:center;}

/* warning */
.BOMF-warning{color:#f00;}

/*校验出错样式*/
.BU-inputtext .error-tips::-webkit-input-placeholder,.BU-search .error-tips::-webkit-input-placeholder{ color:#f00; }

/* 等级:小脚丫 */
.level-gold,.level-sliver,.level-copper,.level-iron{margin-left:3px;}
.level-gold,.level-sliver,.level-copper,.level-iron,.level-bg{display:inline-block;width:16px;height:20px;background:url(../images/level.png) no-repeat;vertical-align:top;}
.level-gold{background-position:0 -20px;}
.level-sliver{background-position:0 -40px;}
.level-copper{background-position:0 -60px;}
.level-iron{background-position:0 -80px;}
.level-0{height:100%;}
.level-1{height:50%;}
.level-2{height:0;}

/* index.htm */
.index-section{padding:0;}
.index-sorry{height:88px;line-height:88px;text-align:center;font-size:16px;color:#ccc;background:rgba(0, 0, 0, 0.6);}

/*********avatar brightness when online or offline*********/
.avatarBright{opacity:1;}
.avatarDark{opacity:0.3;}

/***shout and switch****/
.shoutAndSwitchover{position:absolute;left:0;top:50px;width:100%;min-width:320px;height:40px;line-height:40px;color:#000;font-weight:bold;text-align:center;background:rgba(0,0,0,0);z-index:9999;}

/***overlay***/
.ovWidth{width:150px;}

/* progress bar */
.loader{position:absolute; width:100%;}
.loader div{ z-index:20000; background:rgba(255,255,255,0.7); text-align:center; width:80%; top:120px; position:relative; margin:0 auto; border-radius:7px; border:2px solid rgba(117,134,160,0.9)}
/*msg-avatat-info*/
.msg-avatat-info span{ font-size:14px; color:#999; margin-left:24px;}
/*frend-title*/
.frend-title{color: #7BDEFF;display: inline-block;font-size: 18px;text-align: center;text-shadow: #06F 0px 0px 16px; line-height:48px;width: auto;}
/*orange*/
 .orange{ color:#F07706}
/*qbuttongroup*/
.qbuttongroup{width:100%;border-top:1px solid #b0b9a6;border-bottom:1px solid #b0b9a6;}
.qbuttongroup input[type=button]{width:50%;height:48px;border-top:1px solid #fff;background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eff2e9), color-stop(51%,#e4eae0), color-stop(99%,#e0e3da)); /* Chrome,Safari4+ */
}
.qbuttongroup .first-row{border-bottom:1px solid #b0b9a6;}
.qbuttongroup .fright{border-left:1px solid #fff;}
.qbuttongroup .fleft{border-right:1px solid #b0b9a6;}

/*add-friend*/
.add-friend{ float:right; margin-top:5px; width:100px; height:35px;line-height:35px;text-align:center;border-radius:7px;border:1px solid #b0b9a6;background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eff2e9), color-stop(51%,#e4eae0), color-stop(99%,#e0e3da));}
.BU-list-grey dt span.orange{color:#F07706; background:none;border:none;}
/*btn*/
.BU-btn-gray-100,.BU-btn-gray-130,.BU-btn-gray-300{border-radius:7px;display:inline-block;-webkit-box-shadow:none;height:35px;line-height:35px;text-align:center;color:#333;background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(245,245,245,0.9)), color-stop(51%,rgba(204,204,204,0.9)), color-stop(99%,rgba(245,245,245,0.9)));}
.BU-btn-gray-100{width:100px; }
.BU-btn-gray-130{width:130px;}
.BU-btn-gray-300{width:300px;}

.BU-btn-blue-100,.BU-btn-blue-130,.BU-btn-blue-300{border-radius:7px;border:1px solid rgba(60,106,187,0.9);display:inline-block;-webkit-box-shadow:none;height:35px;line-height:35px;text-align:center;color:#333;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,187,238,0.9)), color-stop(74%,rgba(91,141,210,0.9)), color-stop(100%,rgba(61,117,196,0.9)));}
.BU-btn-blue-100{width:100px; }
.BU-btn-blue-130{width:130px;}
.BU-btn-blue-300{width:300px;}

.BU-btn-green-100,.BU-btn-green-130,.BU-btn-green-300{border-radius:7px;border:1px solid rgba(60,106,187,0.9);display:inline-block;-webkit-box-shadow:none;height:35px;line-height:35px;text-align:center;color:#333;background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(239,242,233,0.9)), color-stop(51%,rgba(228,234,224,0.9)), color-stop(99%,rgba(224,224,218,0.9)));}
.BU-btn-green-100{width:100px; }
.BU-btn-green-130{width:130px;}
.BU-btn-green-300{width:300px;}
/*原bojs样式修改*/
ul.trans-list-grey > li, .trans-list-grey:not(ul) {background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.01, rgba(204,204,204,0.9)),color-stop(0.78, rgba(255,255,255,0.9)),color-stop(1, rgba(228,228,228,0.9)));height: 70px;}
ul.trans-list-grey .btn-gray-100{margin-right:10px;}
.trans-list-grey dt span.orange{color:#F07706; background:none;border:none;}
.level{padding-left:8px;padding-top:5px;width:16px; height:26px;color:#6D4808; position:relative;left:20px; display:inline-block;background:url(../images/level.png) no-repeat center; }
